/* 
    Document   : basic
    Created on : 2011-2-13, 11:16:23
    Author     : Administrator
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
/*global*/
root { 
    display: block;
}
body{
    font-family: verderna,arial,宋体;
    margin:0;
    padding:0;
    background-color: #E1D7B9;
}
ul,li,p,h1,h2{
    font-family: verderna,arial,宋体;
    list-style: none;
    font-weight: normal;
    margin:0;
    padding:0;
}
a{
    outline:none;
    border:none;
    text-decoration: none;
}
img{
    border:none;
}
/*header*/
.header{
    text-align: center;
    background-color: #595757;
    border-bottom:1px solid #231815;
}
.headerwrap{
    text-align: left;
    margin:0 auto;
    padding:0;
    padding-top: 10px;
    width:960px;
    height:85px;
    position: relative;
}
.headerwrap logo{
    display: block;
}
.headerwrap span.toptools{
    margin-right:0;    
    float:right;
    position: absolute;
    right:0;
}
.headerwrap span.toptools a{
    color:white;
    font-size: 14px;
    padding:3px 6px;
    height:18px!important;
}
.headerwrap span.toptools a:hover{
    background-color: gray;
}
/*navigation*/
.navi{
    text-align: center;
    background-color: #956134;
    border-top:1px solid #C9A063;
    border-bottom:1px solid #40220F;
}
.naviwrap{
    width:960px;
    text-align: left;
    margin:0 auto;
    height:36px;
    position: relative;
}
.naviwrap span{
    display:block;
    float: left;
    text-align: left;
    line-height: 36px;
    margin-right:18px;
}
.naviwrap a.navigation{
    color: #E1D7B9;
    font-size: 16px;
    line-height: 36px; 
    padding:0 13px 0 15px;
}
.naviwrap a.navigation:hover{
    color:white;
}
.naviwrap a.cur_navigation{
    color:white;
    font-weight: bold;
}
.navi .naviwrap span.withmenu{
    background: url(../image/more_menu.png) right center no-repeat;
}
.navi .naviwrap form{
    float:right;
    position: relative;
    top:4px;
}
.navi .naviwrap form input.search_input{
    margin:0;padding:0;
    background: url(../image/search_bg.png) top right no-repeat;
    width:162px;
    height:26px;
    border:none;
    color:#7F4F21;
    padding-left:5px;
    padding-top:3px;
    *padding-top:5px;

}
.navi .naviwrap form input.search_submit{
    padding:0;
    margin:0;
    background: url(../image/search_button.png) no-repeat;
    border:none;
    height:24px;
    width:25px;
}
/*dropmenuholder*/
.dropmenuholder {
    margin:0 auto;
    width:960px;
    position:relative;
    height:0;
}
.dropmenuholder div{
    position:absolute;
    top:1px;
    display: none;
}
.dropmenuholder div.design_submenu{
    left:90px;
}
.dropmenuholder div.material_submenu{
    left:170px;
}
.dropmenuholder div.tutorial_submenu{
    left:250px;
}
.dropmenuholder div ul li a{
    display:block;
    background-color: #956134;
    padding:7px 20px;
    font-size: 14px;
    color: #E1D7B9;
    border:1px solid #40220F;
    margin-bottom: 1px;
    text-align: center;        
}
.dropmenuholder div ul li a:hover{
    background-color: #40220F;
}
/*content*/
.content{
    
    border-top:1px solid white;
    text-align: center;
    padding-top:20px;
}
.content .contentwrap{
    margin:0 auto;
    width:960px;
}
.content .contentwrap .slide{
    clear:both;
    height:218px;
    padding:9px;
    background-color: white;
    border:1px solid #C9CACA;
    background: url(../image/slide_bg.jpg) 9px white no-repeat;
    *height:238px;
}
.content .contentwrap .leftwrap{
    text-align: left;
    float:left;
    width:700px;
}
.content .contentwrap .rightwrap{
    text-align: left;
    float:right;
    width:240px;
}
.content .contentwrap h1{
    margin:20px 0 0 0;
    padding:0;
    font-weight: bold;
    font-size: 16px;
    color: #595757;
}
.content .contentwrap .leftwrap ul.news{
    float:left;
}
.content .contentwrap .leftwrap ul.news li{
    background-color:white;
    border:1px solid #C9CACA;
    padding:10px;
    margin-top:10px;
    float:left;
    width:678px;
    *width:698px;
}
.content .contentwrap .leftwrap ul.news li a.title{
    display:inline;
    font-size: 18px;
    color:#6A3906;
    font-weight: bold;
    margin-right:10px;
}
.content .contentwrap .leftwrap ul.news li a.title:hover{
    border-bottom: 1px dotted #6A3906;
}
.content .contentwrap .leftwrap ul.news li div.list_content{
    margin-top:10px;
    clear:both;
}
.content .contentwrap .leftwrap ul.news li a.website{
    font-size: 12px;
    color: #C9A063;
    font-weight: bold;
    border-bottom: 1px dotted #C9A063;
    margin-right:5px;
}
.content .contentwrap .leftwrap ul.news li a.website:hover{
    color:#40220F;
    border-bottom: 1px dotted #40220F;
}
.content .contentwrap .leftwrap ul.news li  span.date{
    font-size: 12px;
    color: #C9A063;
}
.content .contentwrap .leftwrap ul.news li  span.review{
    font-size: 12px;
    color: #C9A063;
}
.content .contentwrap .leftwrap ul.news li  a.comments{
    font-size: 12px;
    color: #C9A063;
    font-weight: bold;
    border-bottom: 1px dotted #C9A063;
}
.content .contentwrap .leftwrap ul.news li  a.comments:hover{
    color:#40220F;
    border-bottom: 1px dotted #40220F;
}
.content .contentwrap .leftwrap ul.news li div.list_content a.image{
    display:block;
    width:140px;
    height:100px;
    text-indent: -3000px;
    padding:3px;
    border:1px solid #DCDDDD;
    background:url(../image/img.jpg) 3px 3px #EFEFEF no-repeat;
    float:left;
    margin-right:10px;
    *width:148px;
    *height:108px;
}
.content .contentwrap .leftwrap ul.news li div.list_content .list_content_text{
    float:left;
    margin-left:10px;

}
.content .contentwrap .leftwrap ul.news li div.list_content a.intro{
    line-height: 16pt;
    font-size: 14px;
    color: #595757;
}
.content .contentwrap .leftwrap ul.news li div.list_content a.intro:hover{
    color:black;
}
.content .contentwrap .leftwrap ul.news li .tags{
    clear:both;
    color: #595757;
    margin:10px 0;
    font-size: 12px;
    font-weight: bold;
    float:right;
    padding:3px;
    background-color: #EFEFEF;
    border:1px solid #DCDDDD;
    line-height: 14pt;
}
.content .contentwrap .leftwrap ul.news li  .tags a{
    color: #595757;
    font-weight: normal;
}
.content .contentwrap .leftwrap ul.news li  .tags a:hover{
    color:#40220F;
}
.content .contentwrap .leftwrap a.showmore{
    clear:both;
    position: relative;
    margin-top:10px;
    color: #595757;
    background-color:white;
    border:1px solid #DCDDDD;
    width:698px;
    display:block;
    float:left;
    text-align: center;
    height:36px;
    line-height:36px;
    margin-bottom:20px;
}
.content .contentwrap .leftwrap a.showmore:hover{
    background-color: #EFEFEF;
}
.content .contentwrap .rightwrap li{

    background-color: white;
    padding:10px;
}
.content .contentwrap .rightwrap ul {
    border:1px solid #C9CACA;
    margin-top:10px;
    background-color: white;
    padding:10px;
}
.content .contentwrap .rightwrap .hotCategory li{
    border:none;
    padding:0;
    margin-bottom:5px;
    border-bottom:1px dotted #C9CACA;
}
.content .contentwrap .rightwrap .hotCategory li a{
    color:#595757;
    font-size: 14px;
}
.content .contentwrap .rightwrap .hotCategory li a:hover{
    color:#40220F;
}
.footer{
    float:left;
    clear:both;
    width:100%;
    border-top:1px solid #C9A063;
    margin-top:20px;
}
.footer .footerwrap1{
    clear:both;
    background-color: #231815;
    border-top:1px solid gray;
    height:30px;
    text-align: center;
}
.footer .footerwrap1 .footerwrap{
    margin:0 auto;
    width:960px;
    text-align: left;
}
